<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, shrink-to-fit=no">
    <title>Title</title>
    <link rel="stylesheet" th:href="@{/static/css/reset.css}">
    <link rel="stylesheet" th:href="@{/static/node_modules/bootstrap/dist/css/bootstrap.min.css}">
    <!-- HTML5 Shim 和 Respond.js 用于让 IE8 支持 HTML5元素和媒体查询 -->
    <!-- 注意： 如果通过 file://  引入 Respond.js 文件，则该文件无法起效果 -->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
    <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
    <![endif]-->

    <link rel="stylesheet" th:href="@{/static/css/detail_info.css}">
</head>
<body>
    <div class="lay-out">
        <div class="top_bar">
            <div class="top_bar_inner">
                <div class="top_bar_inner_layout">
                    <div class="pageHeader_navLinks">
                        <div class="pageHeader_navLinks_layout">
                            <div class="dTepzs">
                                <div class="nav_links_item">
                                    <div class="nav_links_item_layout">
                                        <a class="nav_links_a" href="#">首页</a>
                                    </div>
                                </div>
                                <div class="nav_links_item">
                                    <div class="nav_links_item_layout">
                                        <a class="nav_links_a" href="#">职位搜索</a>
                                    </div>
                                </div>
                                <div class="nav_links_item">
                                    <div class="nav_links_item_layout">
                                        <a class="nav_links_a" href="#">公司</a>
                                    </div>
                                </div>
                                <div class="nav_links_item">
                                    <div class="nav_links_item_layout">
                                        <a class="nav_links_a" href="#">校园招聘</a>
                                        <div class="text_icon_wrap">
                                            <div class="text_icon_inner">
                                                <div class="text_icon">新!</div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="hpetyL">
                                <div class="nav_links_item">
                                    <div class="nav_links_item_layout">
                                        <a class="nav_links_a" href="#">登录</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="BaseLayout_PageContent">
            <div class="Box_BaseBox">
                <div class="HeaderImage_Layout"></div>
                <div class="ListingLayout_Body">
                    <div class="ListingLayout_Header">
                        <span>
                            <div class="Text-sc">
                                <div class="Flex-sc">
                                    <a class="Link_back" href="/index">
                                        <svg id="list_svg__list_svg__list_svg__Layer_1" x="0" y="0" viewBox="0 0 17.4 14.8" xml:space="preserve"><path d="M17.1 2H5.9c-.1 0-.3-.1-.3-.3s.1-.3.3-.3h11.2c.2 0 .3.1.3.3s-.1.3-.3.3zM1.7 3.4C.8 3.4 0 2.6 0 1.7S.8 0 1.7 0s1.7.8 1.7 1.7-.8 1.7-1.7 1.7zm0-2.7c-.6 0-1 .5-1 1s.5 1 1 1 1-.5 1-1-.4-1-1-1zm0 8.4C.8 9.1 0 8.3 0 7.4c0-.9.8-1.7 1.7-1.7s1.7.8 1.7 1.7c0 .9-.8 1.7-1.7 1.7zm0-2.8c-.6 0-1 .5-1 1s.5 1 1 1 1-.5 1-1-.4-1-1-1zm0 8.4C.8 14.7 0 14 0 13.1c0-.9.8-1.7 1.7-1.7s1.7.8 1.7 1.7c0 .9-.8 1.6-1.7 1.6zm0-2.7c-.6 0-1 .5-1 1 0 .6.5 1 1 1s1-.5 1-1-.4-1-1-1zm15.4-4.3H5.9c-.2 0-.3-.1-.3-.3s.1-.3.3-.3h11.2c.2 0 .3.1.3.3s-.1.3-.3.3zm0 5.7H5.9c-.2 0-.3-.1-.3-.3s.1-.3.3-.3h11.2c.2 0 .3.1.3.3s-.1.3-.3.3z" fill="#717375" id="list_svg__list_svg__list_svg__Layer_1-2"></path></svg>
                                        返回
                                    </a>
                                </div>
                                <hr class="Pdvqx">
                            </div>
                        </span>

                        <div class="iTLlLj" th:if="${jobDetailInfo} != null">
                            <div class="fZwnLk">
                                <svg viewBox="0 0 21 19" height="19" width="21"><path d="M19.989 4.814c0-.564-.457-1.024-1.02-1.024h-5.307V2.414a1.41 1.41 0 0 0-1.407-1.413L8.745 1c-.777 0-1.408.634-1.408 1.413V3.79H2.03c-.562 0-1.019.46-1.019 1.023L1 9.682c0 .158.09.302.231.371.216.105.44.203.662.3v6.623c0 .564.457 1.024 1.02 1.024h15.175c.561 0 1.019-.459 1.019-1.024v-6.723c.228-.107.455-.217.675-.333A.412.412 0 0 0 20 9.555l-.011-4.741zm-11.833-2.4a.59.59 0 0 1 .588-.59h3.51c.32 0 .588.27.588.59V3.79H8.156V2.414zm10.13 14.562c0 .106-.093.2-.2.2H2.913a.203.203 0 0 1-.2-.2v-6.299c1.783.658 3.774 1.052 5.946 1.173v.57a.75.75 0 0 0 .747.751h2.19a.75.75 0 0 0 .746-.75v-.577c2.2-.134 4.192-.551 5.946-1.242v6.374zm-8.81-4.627v-1.365h2.046v1.365H9.477zm2.865-1.332v-.104a.75.75 0 0 0-.747-.751h-2.19a.75.75 0 0 0-.746.75v.114c-2.565-.148-4.864-.684-6.838-1.604l.01-4.609c0-.108.091-.2.2-.2h16.94c.108 0 .2.091.2.201l.01 4.49c-1.926.975-4.227 1.548-6.838 1.713h0z" fill="#717375" stroke="#717375" stroke-width="0.25"></path></svg>
                                <div class="fOOedD">工作</div>
                            </div>
                        </div>
                        <div class="iTLlLj" th:if="${noticeDetailInfo} != null">
                            <div class="fZwnLk">
                                <svg t="1567648236149" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1989" height="19" width="21"><path d="M889.92 749.728c-1.184-1.632-119.232-166.144-119.232-287.392 0-168.448-76.16-254.784-162.688-287.008L608 160c0-52.928-43.072-96-96-96s-96 43.072-96 96l0 16.576c-10.784 7.904-16.096 21.792-11.808 35.232 5.376 16.832 23.424 26.048 40.224 20.736C462.176 226.88 481.344 224 501.312 224l21.376 0c115.232 0 184 89.088 184 238.304 0 108.032 72.896 235.392 110.176 293.504C759.488 781.984 633.824 832 512 832c-121.504 0-247.424-50.368-304.832-76.64 37.312-57.984 110.144-185.024 110.144-293.056 0-62.432 11.616-114.208 34.528-153.92 8.832-15.328 3.584-34.88-11.712-43.712-15.392-8.864-34.88-3.584-43.712 11.712-28.608 49.536-43.104 112.096-43.104 185.92 0 121.216-118.016 285.248-119.2 286.88-5.408 7.456-7.36 16.928-5.312 25.952 2.048 8.96 7.872 16.672 16 21.024 5.664 3.072 107.392 57.28 233.536 84.512C399.744 947.072 452.16 992 512 992s112.256-44.928 133.632-111.296c126.112-27.104 227.84-80.992 233.504-84.032 8.128-4.352 14.016-12.032 16.064-21.024S895.328 757.216 889.92 749.728zM501.312 160C494.048 160 487.104 160.992 480 161.568L480 160c0-17.632 14.368-32 32-32s32 14.368 32 32l0 0.928C536.832 160.32 529.728 160 522.688 160L501.312 160zM512 928c-22.336 0-43.136-13.408-57.984-35.296C473.216 894.72 492.608 896 512 896s38.784-1.28 57.984-3.296C555.136 914.624 534.304 928 512 928z" p-id="1990" fill="#717375" stroke="#717375" stroke-width="0.25"></path></svg>
                                <div class="fOOedD">公告</div>
                            </div>
                        </div>
                        <div class="iTLlLj" th:if="${CompanyDetailInfo} != null">
                            <div class="fZwnLk">
                                <svg t="1567648236149" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1989" height="19" width="21"><path d="M889.92 749.728c-1.184-1.632-119.232-166.144-119.232-287.392 0-168.448-76.16-254.784-162.688-287.008L608 160c0-52.928-43.072-96-96-96s-96 43.072-96 96l0 16.576c-10.784 7.904-16.096 21.792-11.808 35.232 5.376 16.832 23.424 26.048 40.224 20.736C462.176 226.88 481.344 224 501.312 224l21.376 0c115.232 0 184 89.088 184 238.304 0 108.032 72.896 235.392 110.176 293.504C759.488 781.984 633.824 832 512 832c-121.504 0-247.424-50.368-304.832-76.64 37.312-57.984 110.144-185.024 110.144-293.056 0-62.432 11.616-114.208 34.528-153.92 8.832-15.328 3.584-34.88-11.712-43.712-15.392-8.864-34.88-3.584-43.712 11.712-28.608 49.536-43.104 112.096-43.104 185.92 0 121.216-118.016 285.248-119.2 286.88-5.408 7.456-7.36 16.928-5.312 25.952 2.048 8.96 7.872 16.672 16 21.024 5.664 3.072 107.392 57.28 233.536 84.512C399.744 947.072 452.16 992 512 992s112.256-44.928 133.632-111.296c126.112-27.104 227.84-80.992 233.504-84.032 8.128-4.352 14.016-12.032 16.064-21.024S895.328 757.216 889.92 749.728zM501.312 160C494.048 160 487.104 160.992 480 161.568L480 160c0-17.632 14.368-32 32-32s32 14.368 32 32l0 0.928C536.832 160.32 529.728 160 522.688 160L501.312 160zM512 928c-22.336 0-43.136-13.408-57.984-35.296C473.216 894.72 492.608 896 512 896s38.784-1.28 57.984-3.296C555.136 914.624 534.304 928 512 928z" p-id="1990" fill="#717375" stroke="#717375" stroke-width="0.25"></path></svg>
                                <div class="fOOedD">公司</div>
                            </div>
                        </div>

                        <h2 class="eCObxV" th:if="${jobDetailInfo} != null" th:text="${jobDetailInfo.get(0).getJobName()}">
                            Senior Grant Manager (INT5917)
                        </h2>
                        <h2 class="eCObxV" th:if="${noticeDetailInfo} != null" th:text="${noticeDetailInfo.getNotTitle()}">
                            Senior Grant Manager (INT5917)
                        </h2>
                        <h2 class="eCObxV" th:if="${CompanyDetailInfo} != null" th:text="${CompanyDetailInfo.getComName()}">
                            Senior Grant Manager (INT5917)
                        </h2>

                        <div class="post_area" th:if="${jobDetailInfo} != null">
                            <div class="post_text">发布 于</div>
                            <a class="iATdWm" href="#" th:text="${jobDetailInfo.get(0).getCompany().getComContact()}?${jobDetailInfo.get(0).getCompany().getComContact()}:${noticeDetailInfo.getNotTime()}">
                                Oxfam GB
                            </a>
                            |
                            <span th:text="${jobDetailInfo.get(0).getCompany().getComName()}">Oxford, England, United Kingdom</span>
                        </div>
                        <div class="post_area" th:if="${noticeDetailInfo} != null">
                            <div class="post_text">发布 于</div>
                            <a class="iATdWm" href="#" th:text="${noticeDetailInfo.getNotTime()}">
                                Oxfam GB
                            </a>
                        </div>
                        <div class="post_area" th:if="${CompanyDetailInfo} != null">
                            <div class="post_text" th:text="'公司类型:'+${CompanyDetailInfo.getComType()}">联系:</div>
                            <a class="iATdWm" href="#" th:text="'联系人:'+${CompanyDetailInfo.getComContact()}+'  联系电话:'+${CompanyDetailInfo.getComPhone()}">
                                Oxfam GB
                            </a>
                        </div>
                    </div>
                    <div class="ListingLayout_Sidebar" th:if="${jobDetailInfo} != null">
                        <div class="Text-sketch">
                            <span>
                                <div>
                                    <h2 class="Text_main_name" th:text="${jobDetailInfo.get(0).getJobName()}">Oxfam GB</h2>
                                </div>
                                <hr class="sidebar_hr_line">
                            </span>
                        </div>
                        <div class="hHTImE">
                            <div class="djkGCv">新</div>
                            <div class="ffYBDK">发布于一小时前</div>
                        </div>
                        <hr class="sidebar_hr_line">
                        <h5 class="">
                            职位类型
                        </h5>
                        <div class="bXCRqc" th:text="${jobDetailInfo.get(0).getJobtype().getJobtypeName()}">
                            September 20, 2019
                        </div>
                        <hr class="sidebar_hr_line">
                    </div>
                    <div class="ListingLayout_Sidebar" th:if="${noticeDetailInfo} != null">
                        <div class="Text-sketch">
                            <span>
                                <div>
                                    <h2 class="Text_main_name" th:text="${noticeDetailInfo.getNotTitle()}">Oxfam GB</h2>
                                </div>
                                <hr class="sidebar_hr_line">
                            </span>
                        </div>
                        <div class="hHTImE">
                            <div class="djkGCv">新</div>
                            <div class="ffYBDK">发布于一小时前</div>
                        </div>
                        <hr class="sidebar_hr_line">
                        <h5 class="">
                            职位类型
                        </h5>
                        <div class="bXCRqc">
                            September 20, 2019
                        </div>
                        <hr class="sidebar_hr_line">
                    </div>
                    <div class="ListingLayout_Sidebar" th:if="${CompanyDetailInfo} != null">
                        <div class="Text-sketch">
                            <span>
                                <div>
                                    <h2 class="Text_main_name" th:text="${CompanyDetailInfo.getComName()}">Oxfam GB</h2>
                                </div>
                                <hr class="sidebar_hr_line">
                            </span>
                        </div>
                        <div class="hHTImE">
                            <div class="djkGCv">新</div>
                            <div class="ffYBDK">发布于一小时前</div>
                        </div>
                        <hr class="sidebar_hr_line">
                        <h5 class="">
                            公司地点
                        </h5>
                        <div class="bXCRqc" th:text="${CompanyDetailInfo.getComAddress()}">
                            September 20, 2019
                        </div>
                        <hr class="sidebar_hr_line">
                    </div>

                    <div class="ListingLayout_Main" th:if="${jobDetailInfo} != null">
                        <div class="dxrYMQ">
                            <div>
                                <p>
                                    <strong th:text="${jobDetailInfo.get(0).getJobSalary() + '|' + jobDetailInfo.get(0).getJobEdu() + '|招' + jobDetailInfo.get(0).getJobNum() + '人'}">Oxfam is a global movement of people working together to end the injustice of poverty.</strong>
                                </p>
                                <p>
                                    <span>&nbsp;</span>
                                </p>
                                <p>
                                    <div>岗位描述:</div>
                                    <span th:text="${jobDetailInfo.get(0).getJobDuty()}">
                                        This is an exciting chance to join and help develop an emerging team, supporting new opportunities and ways of working as part of the new One Oxfam…
                                    </span>
                                </p>
                            </div>
                            <div>
                                <div class="kkOCry">
                                    <div class="kQEftr">
                                        <a class="load_more" href="#">
                                            Read more about this job
                                            <span>
                                                <svg viewBox="0 0 16 9" width="15" height="9" class="ChevronIcon__ChevronUpIcon-kcrelu-0 Link__StyledChevronUpIcon-sc-1inu0qt-3 ihHaTO"><path fill="#717375" d="M8 9a.835.835 0 0 1-.596-.251L.247 1.465a.869.869 0 0 1 0-1.214.833.833 0 0 1 1.192 0L8 6.928 14.56.251a.833.833 0 0 1 1.193 0c.33.336.33.879 0 1.214L8.596 8.748A.833.833 0 0 1 8 9z"></path></svg>
                                            </span>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="ListingPage_SectionContainer">
                            <h3 class="keOMGs hQlxap">职位诱惑</h3>
                            <ul class="IconList_List">
                                <li class="IconList_ListItem">
                                    <svg t="1567571462084" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="12158" width="28px" height="22px"><path d="M950.856294 822.857322H639.999429a18.285698 18.285698 0 0 1-18.285698-18.285698v-38.399965a73.142792 73.142792 0 0 0-73.142792-73.142792h-73.142792a73.142792 73.142792 0 0 0-73.142792 73.142792V804.571624a18.285698 18.285698 0 0 1-18.285698 18.285698H73.142792a73.142792 73.142792 0 0 0-73.142792 73.142792v54.857094a73.142792 73.142792 0 0 0 73.142792 73.142792h877.713502a73.142792 73.142792 0 0 0 73.142792-73.142792v-54.857094a73.142792 73.142792 0 0 0-73.142792-73.142792z" p-id="12159" fill="#13227a"></path><path d="M546.925226 21.943752l83.56564 166.582708a40.045679 40.045679 0 0 0 29.62283 21.577124l182.85698 26.148548a41.325677 41.325677 0 0 1 21.394267 70.399937l-130.19417 124.70846a41.874248 41.874248 0 0 0-12.068561 36.571396l31.085687 178.285555a39.679965 39.679965 0 0 1-56.502807 43.702818L530.285241 603.428947a38.399966 38.399966 0 0 0-36.571396 0l-167.862707 86.857065a39.679965 39.679965 0 0 1-56.502807-43.702818l31.085686-178.285555a41.874248 41.874248 0 0 0-12.06856-36.571396l-129.462742-125.074174a41.325677 41.325677 0 0 1 21.394267-70.399937l182.856979-26.148548a40.045679 40.045679 0 0 0 29.622831-21.577124l84.297068-166.582708a38.76568 38.76568 0 0 1 69.851366 0z" p-id="12160" fill="#13227a"></path></svg>
                                    <span class="icPqXe" th:text="${jobDetailInfo.get(0).getJobWelfare()}">
                                        On-site Location
                                    </span>
                                </li>
<!--                                <li class="IconList_ListItem">-->
<!--                                    <svg viewBox="0 0 15 21" width="28px" height="22px"><path d="M7.5 1C3.896 1 1 3.985 1 7.703 1 11.42 7.5 20.5 7.5 20.5S14 11.42 14 7.703C14 3.985 11.104 1 7.5 1zm0 9.75c-1.654 0-2.955-1.34-2.955-3.048 0-1.706 1.3-3.047 2.955-3.047 1.654 0 2.955 1.34 2.955 3.047S9.155 10.75 7.5 10.75z" stroke="#717375" fill="none"></path></svg>-->
<!--                                    <span class="icPqXe">-->
<!--                                        On-site Location-->
<!--                                    </span>-->
<!--                                </li>-->
                            </ul>
                        </div>
                        <div class="ListingPage_SectionContainer">
                            <h3 class="ListingPage__SectionTitle">岗位要求</h3>
                            <div th:text="${jobDetailInfo.get(0).getJobDuty()}">
                                <a class="iATdWm"  href="#">
                                    https://jobs.oxfam.org.uk/vacancy/senior-grant-manager-int5917/11257/description/
                                </a>
                            </div>
                        </div>
                        <div class="ListingPage_SectionContainer">
                            <h3 class="ListingPage__SectionTitle">
                                地点
                            </h3>
                            <div class="kWyyHv" th:text="${jobDetailInfo.get(0).getJobAddress()}">
                                Oxford, England, GB
                            </div>
                        </div>
                    </div>
                    <div class="ListingLayout_Main" th:if="${noticeDetailInfo} != null">
                        <div class="dxrYMQ">
                            <div>
                                <p>
                                    <span>&nbsp;</span>
                                </p>
                                <p>
                                <span th:text="${noticeDetailInfo.getNotContent()}">
                                        This is an exciting chance to join and help develop an emerging team, supporting new opportunities and ways of working as part of the new One Oxfam…
                                    </span>
                                </p>
                            </div>
                        </div>
                    </div>
                    <div class="ListingLayout_Main" th:if="${CompanyDetailInfo} != null">
                        <div class="dxrYMQ">
                            <div>
                                <p>
                                    <span>&nbsp;</span>
                                </p>
                                <p>
                                <span th:text="${CompanyDetailInfo.getComProfile()}">
                                        This is an exciting chance to join and help develop an emerging team, supporting new opportunities and ways of working as part of the new One Oxfam…
                                    </span>
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
</html>